<div>

    <div class="table-header mt20 clearfix ng-scope">
        <span class="fl lh30 f14">Banner图列表</span>

        <div class="fr btn-group">
            <a href="javascript:void(0)" class="btn permission p-50040403-01"
               title="新增Banner"
               ui-dialog="新增Banner"
               ui-dialog-data="baseData"
               ui-dialog-show="bannersSvr.initEditBannerDialog($data, $dialog,$dialogScope)"
               ui-dialog-ok="bannersSvr.save($data)"
               ui-dialog-cache="false"
               ui-dialog-url="banners/edit.html"
                    >新增</a>
        </div>
    </div>

    <div id="grid" class="table-wrap mt10">
        <table width="100%" class="valign-t">
            <thead>
            <tr>
                <th width="35">序号</th>
                <th width="230">Banner图</th>
                <th>图文详情</th>
                <th width="115" class="text-center">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="record in bannersSvr.banners"
                ng-mouseover="record.hover = true"
                ng-mouseleave="record.hover = false">
                <td height="40"><p ng-bind="$index + 1 + startPageIndex"></p></td>
                <td class="lh14">
                    <div id="js_logo_wrap" class="side-company" style="height: 125px;">
                        <img ng-src="{{record.img_url}}" >
                    </div>
                </td>
                <td>
                    <p class="mt10">主题: {{record.title}}</p>
                    <p class="mt10">启用状态: {{ record.publish_status=='0'?'否':'是' }}</p>
                    <p class="mt10">显示顺序: {{ record.order_by }}</p>
                    <p class="mt10 pb10">修改时间: {{ record.modified_on }}</p>
                </td>
                <td>
                    <a href="javascript:void(0)"
                       title="编辑Banner"
                       ui-dialog="编辑Banner"
                       ui-dialog-data="baseData"
                       ui-dialog-show="bannersSvr.initEditBannerDialog($data, $dialog,$dialogScope, record)"
                       ui-dialog-ok="bannersSvr.save($data)"
                       ui-dialog-cache="false"
                       ui-dialog-url="banners/edit.html"
                       class="mt5 c-orange ng-hide permission p-50040403-02-inline" ng-show="record.hover||true"
                            >编辑</a>

                    <a ng-click="bannersSvr.setStatus(record, 0)" href="javascript:void(0)"
                       title="禁用"
                       class="mt5 c-orange ng-hide permission p-50040403-04-inline" ng-show="record.hover||true"
                       ng-if="record.publish_status == 1"
                            >禁用</a>
                    <a ng-click="bannersSvr.setStatus(record, 1)" href="javascript:void(0)"
                       title="启用"
                       class="mt5 c-orange ng-hide permission p-50040403-04-inline" ng-show="record.hover||true"
                       ng-if="record.publish_status == 0"
                            >启用</a>
                    <a ng-click="bannersSvr.delete(record)" href="javascript:void(0)"
                       class="mt5 c-orange ng-hide permission p-50040403-03-inline" ng-show="record.hover||true"
                       title="删除">删除</a>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="no-data"  ng-if="bannersSvr.banners.length == 0"><span>暂无数据</span></div>
    </div>
    <div id="pagination" class="pagination"></div>
</div>
